<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- v4.0.0 -->
<link rel="stylesheet" href="../static/dist/bootstrap/css/bootstrap.min.css">

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="16x16" href="../static/dist/img/favicon-16x16.png">

<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

<!-- Theme style -->
<link rel="stylesheet" href="../static/dist/css/style.css">
<link rel="stylesheet" href="../static/dist/css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../static/dist/css/et-line-font/et-line-font.css">
<link rel="stylesheet" href="../static/dist/css/themify-icons/themify-icons.css">
<link rel="stylesheet" href="../static/dist/css/simple-lineicon/simple-line-icons.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- jQuery 3 --> 
<script src="../static/dist/js/jquery.min.js"></script> 
<script src="../static/dist/js/msgteller.js"></script> 

</head>
<body class="skin-blue sidebar-mini">
<div class="alert alert-danger close fade show" role="alert" id="msgTeller"><span id="msgTellerWord"></span></div>
<div class="wrapper boxed-wrapper">
  <header class="main-header"> 
    <!-- Logo --> 
    <a href="index.html" class="logo blue-bg"> 
    <!-- mini logo for sidebar mini 50x50 pixels --> 
    <span class="logo-mini"><img src="../static/dist/img/logo-n-blue.png" alt=""></span> 
    <!-- logo for regular state and mobile devices --> 
    <span class="logo-lg"></span> </a> 
    <!-- Header Navbar -->
    <nav class="navbar blue-bg navbar-static-top"> 
      <!-- Sidebar toggle button-->
      <ul class="nav navbar-nav pull-left">
        <li><a class="sidebar-toggle" data-toggle="push-menu" href="#"></a> </li>
      </ul>
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <#if loginUserInfo??>
          <!-- User Account  -->
          <li class="dropdown user user-menu p-ph-res"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="../static/dist/img/img1.jpg" class="user-image" alt="User Image"> <span class="hidden-xs">${loginUserInfo.fullName}</span> </a>
            <ul class="dropdown-menu">
              <li class="user-header">
                <div class="pull-left user-img"><img src="../static/dist/img/img1.jpg" class="img-responsive img-circle" alt="User"></div>
                <p class="text-left">${loginUserInfo.fullName} <small>余额：${loginUserInfo.amount} 元</small> </p>
              </li>
              <li><a href="/logout.html"><i class="fa fa-power-off"></i> 退出登录</a></li>
            </ul>
          </li>
          </#if>
        </ul>
      </div>
    </nav>
  </header>
  <#if errorMsg??>
	<script>alertMsg("${errorMsg}");</script>
</#if>